// 审核记录

<template>
  <div class="pre">
    <P>审核记录</P>
    <div class="wrap">
      <div class="record"  v-for="(item, i) in recordList" :key="i">
        <div class="fl">
          <!-- 如果图片加载，则显示默认的图片 -->
          <img 
            :src="item.inquiry_avatar" 
            @error="item.inquiry_avatar = defalutImgUrl"
          >
        </div>
        <div class="fr">
          <p> {{ item.inquiry_name }}</p>
          <p> {{ item.add_time }} </p>
        </div>
        <div class="info">
          <p @click="showDetail(item)"> 查看详情</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["recordList"],
  data() {
    return {
      defalutImgUrl: require("@/assets/image/Furtherconsultation_Defaulthead@2x.png")
    }
  },
  created() {
    
  },
  methods: {
    showDetail (item){
      this.$emit("changeState", 7, item.p_code);
    }
  }
};
</script>

<style scoped>
.pre {
  width: 1200px;
  margin: 0 auto;
  min-height: 700px;
  font-size: 16px;
}
.pre > p {
  background: #fff;
  font-size: 20px;
  color: #4eeec8;
  height: 70px;
  border: 1px solid #ccc;
  border-bottom: 0px;
  line-height: 70px;
  padding-left: 15px;
}
.wrap {
  border: 1px solid #ccc;
  padding-bottom: 30px;
  background: #fff;
  min-height: 700px;
}
.record {
  font-size: 12px;

  margin-top: 20px;
  padding-left: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.record {
  font-size: 12px;
  margin-top: 50px;
  padding-left: 30px;
}
.record:after {
    content: "";
    clear: both;
    display:block;

}
.record img {
  border-radius: 50%;
}
.record .fr {
  float: left;
}
.record .fr p {
  color: #555;
  font-size: 12px;
  height: 30px;
  margin-left: 30px;
}
.info {
  float: right;
  margin-top: 20px;
  margin-right: 100px;
  font-size: 16px;
  color: #4EEEC8;
  cursor: pointer;
}
</style>